<!DOCTYPE html>
<html>
	<head>
    <link rel="stylesheet"  type="text/css" href="http://weui.io/weui.css"/>
    <link rel="stylesheet"  type="text/css" href="http://weui.io/example.css"/>
    <script src="http://weui.io/zepto.min.js"></script>
    <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script src="https://res.wx.qq.com/open/libs/weuijs/1.0.0/weui.min.js"></script>
    <script src="weui.io/example.js"></script>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    </head>
    <!-- js代码 -->
    <script type="text/javascript" class="actionsheet js_show">
    // ios
    $(function(){
        var $iosActionsheet = $('#iosActionsheet');
        var $iosMask = $('#iosMask');

        function hideActionSheet() {
            $iosActionsheet.removeClass('weui-actionsheet_toggle');
            $iosMask.fadeOut(200);
        }

        $iosMask.on('click', hideActionSheet);
        $('#iosActionsheetCancel').on('click', hideActionSheet);
        $("#showIOSActionSheet").on("click", function(){
            $iosActionsheet.addClass('weui-actionsheet_toggle');
            $iosMask.fadeIn(200);
        });
    });
   </script>
    <body>
    <!-- 菜单键 -->
   <a href="javascript:;" class="weui-btn weui-btn_default anniu2" id="showIOSActionSheet">iOS ActionSheet</a>
   <div class="weui-actionsheet" id="iosActionsheet">
            <div class="weui-actionsheet__title">
                <p class="weui-actionsheet__title-text">这是一个标题，可以为一行或者两行。</p>
            </div>
            <div class="weui-actionsheet__menu">
                <div class="weui-actionsheet__cell">示例菜单</div>
                <div class="weui-actionsheet__cell">示例菜单</div>
                <div class="weui-actionsheet__cell">示例菜单</div>
                <div class="weui-actionsheet__cell">示例菜单</div>
            </div>
            <div class="weui-actionsheet__action">
                <div class="weui-actionsheet__cell" id="iosActionsheetCancel">取消</div>
            </div>
        </div>
        <div class="weui-mask" id="iosMask" style="opacity: 0; display: none;"></div>
    </body>
	</html>